<template>
    <h2>子组件2</h2>
    <div class="card">
        <p>{{ name }}&emsp;&emsp;{{ age }}</p>
        <p>{{ address }}</p>
    </div>
</template>

<script setup lang='ts'>
import { ref, reactive } from 'vue'
defineProps({
    name: String,
    age: {
        type: Number,
        default: 0
    },
    address: {
        type: Object,
        default: () => {
            return {
                a: 'a',
                b: 'b'
            }
        }
    }
})
</script>
<style lang='scss' scoped></style>